<template>
  <div>
    <SearchBox/>
    <div class="contentWrap">
      <LeftCateList/>
      <router-view/>
    </div>
    <Footer/>
  </div>
</template>

<script>
  import SearchBox from './Searchbox'
  import LeftCateList from './CategoryList'
  import SubCates from './SubCategories'
  import Footer from 'components/Footer'
  
  export default {
    name: 'index',
    components:{
      SearchBox,
      LeftCateList,
      SubCates,
      Footer
    },
    mounted(){
      this.$store.dispatch('getCateList')
    }
  }
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
  .contentWrap
    display flex
</style>
